<!DOCTYPE html>
<html  lang="zh" xmlns:th="http://www.thymeleaf.org">
<head>
    <title>用户登录/注册</title>
    <!-- Meta tag Keywords -->
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta charset="UTF-8" />
    <meta name="keywords" content="描述" />
    <!--/Style-CSS -->
    <link rel="stylesheet" th:href="@{/user/css/style.css}" type="text/css" media="all" />
    <link rel="stylesheet" th:href="@{/user/css/font-awesome.min.css}" type="text/css" media="all">

    <!-- 浏览器图标 -->
    <link rel="icon" th:href="@{/img/icon/favicon.ico}">
</head>

<body>

    <!-- form section start -->
    <section class="w3l-hotair-form">
        <h1 style="color: #d0d1e7;">商丘旅游网</h1>
        <div class="container">
            <!-- /form -->
            <div class="workinghny-form-grid" th:fragment="login">
                <div class="main-hotair">
                    <div class="alert-close">
                        <span class="fa fa-close"></span>
                    </div>

                    <div class="content-wthree">
                        <h2>登录</h2>
                        <p>To Your Account</p>
                        <form action="/user/login" method="post">
                            <input type="text" class="text" name="username" placeholder="User Name" required="">
                            <input type="password" class="password" name="password" placeholder="User Password" required="">
                            <button class="btn" type="submit">登录</button>
                        </form>
                        <p class="bg-danger" th:if="${msg} != null" th:text="${msg}" id="msg" style="color: #f52605;cursor:pointer;">用户名不存在<span aria-hidden="true" id="close">&times;</span></p>
                        <p class="account">Don't have an account? <a href="/user/toRegister">Register</a></p>
                    </div>
                    <div class="w3l_form align-self">
                        <div class="left_grid_info">

                        </div>
                    </div>
                </div>
            </div>
            <!-- //form -->
        </div>
        <div class="copyright text-center">
            <p class="copy-footer-29">© 2022 Hotair Log In Form. All rights reserved | Design by <a
                        href="https://w3layouts.com">xiaoZhang</a></p>
        </div>
    </section>
    <!-- //form section start -->

    <script th:src="@{/user/js/jquery.min.js}"></script>
    <script>
        $(document).ready(function (c) {
            $('.alert-close').on('click', function (c) {
                $('.main-hotair').fadeOut('slow', function (c) {
                    $('.main-hotair').remove();
                });
            });
        });

        $("#close").click(function () {
            $("#msg").fadeOut("slow");
        })
    </script>

</body>

</html>
